import { uuid } from '@/utils';

export const mockSchema = [
  // {
  //   id: '22',
  //   key: '22',
  //   title: '专题 Banner',
  //   comName: 'ztBanner',
  //   comProperty: {
  //     imgUrl: 'https://www.iqihang.com/zt/22vip/images/banner01.png',
  //   },
  // },
  {
    id: 'yy',
    key: 'yy',
    title: '专题标题',
    comName: 'ztTitle',
    comProperty: {
      leftImg: {
        id: uuid(),
        src: 'https://www.iqihang.com/zt/22major/images/l1.png',
      },
      centerText: {
        id: uuid(),
        title:
          "<div style='font-size: 40px;font-weight: bold'>你不是一个人在战斗</div>",
      },
      rightImg: {
        id: uuid(),
        src: 'https://www.iqihang.com/zt/22major/images/l2.png',
      },
    },
  },
  {
    id: 'ztTable',
    key: 'ztTable',
    title: '专题表格',
    comName: 'ztTable',

    comProperty: {
      width: '1000',
      colHeaders: [
        '班型',
        'VIP畅学班-MPAcc',
        'VIP畅学班-MBA',
        'VIP畅学班-经综',
      ],
      colWidths: [100, 300, 200, 200], // 列宽
      data: [
        [
          '适用专业',
          'MPAcc、MAud、MLIS、物流工程与管理、工业工程与管理',
          'MBA、MPA、MEM、MTA',
          '适用于所有考396经济类联考综合能力的考生',
        ],
        [
          '适用专业',
          'MPAcc、MAud、MLIS、物流工程与管理、工业工程与管理',
          'MBA、MPA、MEM、MTA',
          '适用于所有考396经济类联考综合能力的考生',
        ],
        [
          '适用专业',
          'MPAcc、MAud、MLIS、物流工程与管理、工业工程与管理',
          'MBA、MPA、MEM、MTA',
          '适用于所有考396经济类联考综合能力的考生',
        ],
        [
          '适用专业',
          'MPAcc、MAud、MLIS、物流工程与管理、工业工程与管理',
          'MBA、MPA、MEM、MTA',
          '适用于所有考396经济类联考综合能力的考生',
        ],
        [
          '适用专业',
          'MPAcc、MAud、MLIS、物流工程与管理、工业工程与管理',
          'MBA、MPA、MEM、MTA',
          '适用于所有考396经济类联考综合能力的考生',
        ],
      ],
      rowHeights: [40], // 行高
      cell: [
        {
          row: 0,
          col: 0,
          className: 'custom-cell',
        },
      ],
      // 行合并
      mergeCells: [{ row: 1, col: 1, rowspan: 1, colspan: 2 }],
    },
  },
  // { id: '23', key: '23', title: '按钮1', comName: 'button', children: [] },
  // { id: '24', key: '24', title: '按钮2', comName: 'button' },
  // {
  //   id: '26',
  //   key: '26',
  //   title: '行容器',
  //   comName: 'row',
  //   children: [
  //     {
  //       id: 'colbtn421',
  //       key: 'colbtn421',
  //       title: '列容器',
  //       comName: 'col',
  //       children: [
  //         {
  //           id: 'colbtn431',
  //           key: 'colbtn431',
  //           comName: 'button',
  //           title: '0000',
  //         },
  //         {
  //           id: 'colbtn432',
  //           key: 'colbtn432',
  //           comName: 'button',
  //           title: '=====',
  //         },
  //         {
  //           id: 'colbtn435',
  //           key: 'colbtn435',
  //           comName: 'button',
  //           title: '==ttt===',
  //         },
  //       ],
  //     },
  //     {
  //       id: 'colbtn332',
  //       key: 'colbtn332',
  //       title: '列容器',
  //       comName: 'col',
  //       children: [
  //         {
  //           id: 'colbtn231',
  //           key: 'colbtn231',
  //           comName: 'button',
  //           title: '0000',
  //         },
  //         // {id: 'colbtn223', title: '====='},
  //       ],
  //     },
  //   ],
  // },
];

export const comObj = {
  button: {
    title: '按钮',
    comName: 'button',
  },

  ztTable: {
    title: '表格',
    comName: 'ztTable',
  },

  ztBanner: {
    title: 'Banner',
    comName: 'ztBanner',
    comProperty: {
      imgUrl: 'https://www.iqihang.com/zt/22vip/images/banner01.png',
    },
  },
  ztCourse: {
    title: '课程列表',
    comName: 'ztCourse',
  },

  ztTitle: {
    title: '课程列表',
    comName: 'ztTitle',
  },

  queryTable: {
    title: '单表查询',
    comName: 'queryTable',
  },

  input: {
    title: '输入框',
    comName: 'input',
  },
  datePicker: {
    title: '日期',
    comName: 'datePicker',
  },
  inputNumber: {
    title: '数字',
    comName: 'inputNumber',
  },
  select: {
    title: '选择器',
    comName: 'select',
  },
  switch: {
    title: '开关',
    comName: 'switch',
  },
  timePicker: {
    title: '时间选择',
    comName: 'timePicker',
  },
  treeSelect: {
    title: '树选择',
    comName: 'treeSelect',
  },

  tree: {
    title: '树形控件',
    comName: 'tree',
  },
  checkbox: {
    title: '多选框',
    comName: 'checkbox',
  },
  radio: {
    title: '单选框',
    comName: 'radio',
  },
  rate: {
    title: '评分',
    comName: 'rate',
  },
  table: {
    title: '表格',
    comName: 'table',
  },
  row: {
    title: 'row',
    comName: 'row',
    children: [
      {
        id: uuid(),
        comName: 'col',
        title: '列',
        children: [],
      },
      {
        id: uuid(),
        comName: 'col',
        title: '列',
        children: [],
      },
    ],
  },
};
